<!DOCTYPE html>
<html>

 <head>

  <title>Dqblog</title>
  <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
 </head>

<body background="http://pic2.desk.chinaz.com/file/10.08.10/8/guoqis6_p.jpg" >
	<nav class="navbar navbar-default navbar-static-top" role="navigation">
	  <div class="container">
	    <ul class="nav navbar-nav">
	      <li class="active"><a href="/blogs">Myblog</a></li>
	      <li><a href="#">Blogs</a></li>
	      <li><a href="#">Photos</a></li>
	      <li><a href="#">About</a></li>
	    </ul>
	  </div>
	</nav>

<div class="container page-header text-center">


	  <h1>
      S T U D Y  M O R E  <acronym title="studying"><font size="7" color="lawngreen">Dai Qing</acronym> 's Blog</font>   D O    M O R E
	  </h1>
      <small><button type="button" onclick="alert('Welcome to my blog have fun')">click here</button></small>
	  <h2>
	  <p><b><font size="5" color="white">
	  This is my first web<br>
	  wellcome to my blog<br>
	  I'm so glad to see everyone here<font></b></p>
	  </h2>


		<iframe src="http://www.baidu.com/" width="1100" height="380" frameboder="10" name="iframe_a"></iframe>

		<p><a href="http://tianqi.2345.com/xian/57036.htm" target="iframe_a">weather</a></p>

		<p><a href="https://mail.qq.com/cgi-bin/loginpage" target="iframe_a">qq email</a></p>

		<p><a href="http://www.baidu.com/" target="iframe_a">baidu</a></p>

		<p><a href="http://www.xidian.edu.cn//" target="iframe_a">Xi Dian</a></p>

</div>
	
	<div class="container">	
	  <%= yield %>
	</div> 

	<p>
		<table align="center" border="0">
			<tr>
				<td>welcome<td>
				<td>to <td>
				<td>visit<td>
				<td>here<td>
			</tr>
		</table>
	</p>

	<address class="container">
	<p align="center">
	<big><font size="3" color="white">
	Written by <a href="dq199510@gmail.com">Dai Qing</a>.
	Visit us at:<br>
	Xi Dian University
	5# 620 ,620 family<br>
	CH
	</font>
	</big>
	</p>
	</address>

	  <p align="left">
	  <i>hyperlink</i>
	  <a href="http://www.baidu.com">
      Baidu</a>
	  <a href="http://www.sohu.com">
      Sohu</a>
	  <a href="http://www.qq.com">
      QQ</a>
	  <a href="http://www.sina.com">
      Sina</a>
	  <a href="http://www.oschina.net">
      Oschina</a>
	  </p>

	<footer>
	  <p class="text-center">
	    <big><font size="2" face="arial" color="white">Copyright © 2014 - Xi Dian dormitory 620 Daiqing </font></big>
	   </p>
	</footer>
  
</body>

</html>
